import React, { Component, createRef } from 'react'
// 类组件
export default class Refclass extends Component {
    myin2 = createRef()
    mycick = (event) => {
        // debugger
        console.log(this.myh2) 
        // console.log(this.myin.value) 
        console.log(this.refs['myin'])
        console.log(this.myin2.current)
    }
    
    render() {
        // 回到的函数,来调用dom
        return (
            <div>
                {/* 代表里边是js语法 */}
                <input ref={this.myin2} /> 
                {/* 已经不建议是使用了 但是能用 */}
                <input ref='myin'  /> 
                <h2 ref={(e) => { return this.myh2 = e}} > h2的值 </h2>
                <button onClick={this.mycick}> 点击我增加年龄</button>
            </div>
        )
    }
}
